<!DOCTYPE HTML>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Fashionpress Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <link href="../client/css/bootstrap.css" rel='stylesheet' type='text/css' />
    <link href="../client/css/style.css" rel='stylesheet' type='text/css' />
    <link href="../client/css/pageSplit.css" rel='stylesheet' type='text/css' />
    <link href='http://fonts.useso.com/css?family=Lato:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
    <script type="text/javascript" src="../client/js/jquery-1.11.1.min.js"></script>
    <script src="../client/js/responsiveslides.min.js"></script>
    <script src="../client/js/pageSplit.js"></script>
    <script>
        $(function () {
            $("#slider").responsiveSlides({
                auto: true,
                nav: true,
                speed: 500,
                namespace: "callbacks",
                pager: true,
            });
        });
    </script>
    <script type="text/javascript" src="../client/js/hover_pack.js"></script>
</head>
<body>
<div class="header">
    <div class="header_top">
        <div class="container">
            <div class="logo">
                <a href="index.html"><img src="../client/images/logo.png" alt=""/></a>
            </div>
            <ul class="shopping_grid">
                <a href="register/"><li>注册</li></a>
                <a href="login/"><li>登录</li></a>
                <a href="#"><li><span class="m_1">购物车</span>&nbsp;&nbsp;(0) &nbsp;<img src="client/images/bag.png" alt=""/></li></a>
                <div class="clearfix"> </div>
            </ul>
            <div class="clearfix"> </div>
        </div>
    </div>
    <div class="h_menu4"><!-- start h_menu4 -->
        <div class="container">
            <a class="toggleMenu" href="#">Menu</a>
            <ul class="nav">
                <li class="active"><a href="/index" data-hover="Home">Home</a></li>
                <li><a href="about.html" data-hover="关于我们">About Us</a></li>
                <li><a href="#" data-hover="个人中心">Careers</a></li>
                <li><a href="#" data-hover="我的订单">Company Registration</a></li>
                <li><a href="#" data-hover="购物车">Wish List</a></li>
            </ul>
            <script type="text/javascript" src="../client/js/nav.js"></script>
        </div><!-- end h_menu4 -->
    </div>
</div>
<div class="slider">
    <div class="callbacks_container">
        <ul class="rslides" id="slider">
            <li><img src="../client/images/banner1.jpg" class="img-responsive" alt=""/>
                <div class="banner_desc">
                    <h1>We Provide Worlds top fashion for less fashionpress.</h1>
                    <h2>FashionPress the name of the of hi class fashion Web FreePsd.</h2>
                </div>
            </li>
            <li><img src="../client/images/banner2.jpg" class="img-responsive" alt=""/>
                <div class="banner_desc">
                    <h1>Duis autem vel eum iriure dolor in hendrerit.</h1>
                    <h2>Claritas est etiam processus dynamicus, qui sequitur .</h2>
                </div>
            </li>
            <li><img src="../client/images/banner3.jpg" class="img-responsive" alt=""/>
                <div class="banner_desc">
                    <h1>Ut wisi enim ad minim veniam, quis nostrud.</h1>
                    <h2>Mirum est notare quam littera gothica, quam nunc putamus.</h2>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="column_center">
    <div class="container">
        <div class="search">
            <div class="stay">Search Product</div>
            <div class="stay_right">
                <input type="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}">
                <input type="submit" value="">
            </div>
            <div class="clearfix"> </div>
        </div>
        <div class="clearfix"> </div>
    </div>
</div>
<div class="main">
    <div class="content_top">
        <div class="container">
            <div class="col-md-3 sidebar_box">
                <div class="sidebar">
                    <div class="menu_box">
                        <h3 class="menu_head">Products Menu</h3>
                        <ul class="menu">
                            <ul class="cute" th:each="category : ${categoryList}">
                                <li class="subitem1"><a href="#" th:text="${category.categoryName}">Cute Kittens </a></li>
                            </ul>
                        </ul>
                    </div>
                    <!--initiate accordion-->
                    <script type="text/javascript">
                        $(function() {
                            var menu_ul = $('.menu > li > ul'),
                                menu_a  = $('.menu > li > a');
                            menu_ul.hide();
                            menu_a.click(function(e) {
                                e.preventDefault();
                                if(!$(this).hasClass('active')) {
                                    menu_a.removeClass('active');
                                    menu_ul.filter(':visible').slideUp('normal');
                                    $(this).addClass('active').next().stop(true,true).slideDown('normal');
                                } else {
                                    $(this).removeClass('active');
                                    $(this).next().stop(true,true).slideUp('normal');
                                }
                            });

                        });
                    </script>
                </div>
                <div class="delivery">
                    <img src="client/images/delivery.jpg" class="img-responsive" alt=""/>
                    <h3>Delivering</h3>
                    <h4>World Wide</h4>
                </div>
                <div class="twitter">
                    <h3>Latest From Twitter</h3>
                    <ul class="twt1">
                        <i class="twt"> </i>
                        <li class="twt1_desc"><span class="m_1">@Contrary</span> to popular belief, Lorem Ipsum is<span class="m_1"> not simply</span></li>
                        <div class="clearfix"> </div>
                    </ul>
                    <ul class="twt1">
                        <i class="twt"> </i>
                        <li class="twt1_desc"><span class="m_1">There are many</span> variations of passages of Lorem Ipsum available, but the majority <span class="m_1">have suffered</span></li>
                        <div class="clearfix"> </div>
                    </ul>
                    <ul class="twt1">
                        <i class="twt"> </i>
                        <li class="twt1_desc"><span class="m_1">Lorem Ipsum</span> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has <span class="m_1">been the industry's standard dummy text ever</span></li>
                        <div class="clearfix"> </div>
                    </ul>
                </div>
                <div class="clients">
                    <h3>Our Happy Clients</h3>
                    <h4>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.</h4>
                    <ul class="user">
                        <i class="user_icon"></i>
                        <li class="user_desc"><a href="#"><p>John Doe, Company Info</p></a></li>
                        <div class="clearfix"> </div>
                    </ul>
                </div>
            </div>
            <div class="col-md-9 content_right">
                <div>
                    <a class="col-md-2" href="orderselect?status=1">待付款</a>
                    <a class="col-md-2" href="orderselect?status=2">待发货</a>
                    <a class="col-md-2" href="orderselect?status=3">待收货</a>
                    <a class="col-md-2" href="orderselect?status=4">已完成</a>
                    <a class="col-md-2" href="orderselect?status=5">待退款</a>
                </div>

                <div>
                    <table>
                        <tr>
                            <th class="col-md-2"订单编号</th>
                            <th class="col-md-2">订单总价</th>
                            <th class="col-md-2">订单状态</th>
                            <th class="col-md-2">下单时间</th>
                        </tr>
                        <tr th:each="order : ${orderList}">
                            <td class="col-md-2" th:text="${order.orderId}">1</td>
                            <td class="col-md-2" th:text="${order.orderPrice}">1.00</td>
                            <td class="col-md-2" th:text="${order.orderStatus}">待付款</td>
                            <td class="col-md-2" th:text="${order.orderDate}">待付款</td>
                            <td>
                                <a th:href="'ordersingle/' + ${order.orderId}">查看详情</a>
                            </td>
                        </tr>
                    </table>
                </div>


            </div>
        </div>
    </div>
</div>
<div class="footer_bg">
</div>
<div class="footer">
    <div class="container">
        <div class="col-md-3 f_grid1">
            <h3>About</h3>
            <a href="#"><img src="client/images/logo.png" alt=""/></a>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
        </div>
        <div class="col-md-3 f_grid1 f_grid2">
            <h3>Follow Us</h3>
            <ul class="social">
                <li><a href=""> <i class="fb"> </i><p class="m_3">Facebook</p><div class="clearfix"> </div></a></li>
                <li><a href=""><i class="tw"> </i><p class="m_3">Twittter</p><div class="clearfix"> </div></a></li>
                <li><a href=""><i class="google"> </i><p class="m_3">Google</p><div class="clearfix"> </div></a></li>
                <li><a href=""><i class="instagram"> </i><p class="m_3">Instagram</p><div class="clearfix"> </div></a></li>
            </ul>
        </div>
        <div class="col-md-6 f_grid3">
            <h3>Contact Info</h3>
            <ul class="list">
                <li><p>Phone : 1.800.254.5487</p></li>
                <li><p>Fax : 1.800.254.2548</p></li>
                <li><p>Email : <a href="mailto:info(at)fashionpress.com"> info(at)fashionpress.com</a></p></li>
            </ul>
            <ul class="list1">
                <li><p>Aliquam augue a bibendum ipsum diam, semper porttitor libero elit egestas gravida, ut quam, nunc taciti</p></li>
            </ul>
            <div class="clearfix"> </div>
        </div>
    </div>
</div>
<div class="footer_bottom">
    <div class="container">
        <div class="cssmenu">
            <ul>
                <li class="active"><a href="/login/">Privacy Policy</a></li> .
                <li><a href="checkout.html">Terms of Service</a></li> .
                <li><a href="checkout.html">Creative Rights Policy</a></li> .
                <li><a href="login.html">Contact Us</a></li> .
                <li><a href="register.html">Support & FAQ</a></li>
            </ul>
        </div>
        <div class="copy">
            <p>Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
        </div>
        <div class="clearfix"> </div>
    </div>
</div>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>